<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    
</head>



<body>
    <h2> 1. JS 获得元素</h2>
    <strong>用合作网站账户直接登录</strong>

    <span id="s1" >
        法国勃朗峰脚下最著名的小城 
        <a href=""> 百度</a>
    </span>

    <div class="d1">《小王子》里的玫瑰城市，世界登山运动的发源地。</div>
    <b  class="d1">《小王子》里的玫瑰城市，世界登山运动的发源地。</b>
    <em class="d1">《小王子》里的玫瑰城市，世界登山运动的发源地。</em>

    <div class="d22">
        <span class="s22">span222</span>
    </div>

    <p >马蜂窝“云旅游”直播的攻与守</p>

    <h2> 2. JS 获得与修改属性值 </h2>
    <img  class="myimg" src="images/like_over.svg" />
    <button class="changeImgBtn" >下一张</button>        

    <input type="text" value="3" class="pro-number"/>
    



    <h2> 3. JS 获得元素的内容 </h2>
    <span class="s2">
        <div>
            <label class="la1">100块</label>
        </div>
       <p>
           <label>200块</label>
       </p>
    </span>



    <!-- element 元素定位： 选择器 -->
    <ul class="nav">
        <li><a href="">动态1</a></li>
        <li><a href="" >动态2</a></li>
        <li><a href="" >动态3</a></li>
        <li><a href="">动态4</a></li>
        <li><a href="">动态5</a></li>
    </ul>

    选择日期：<input type="date" class="mydate"/>


    <div class="job_filter">

    
        <div class="workYearCondition">
            <label>工作年限：</label>
            <div class="workSelect">
                <a href="javascript:void(0)" class="workyear active">所有</a>
                <a href="javascript:void(0)" class="workyear" id="x1">应届生</a>
                <a href="javascript:void(0)" class="workyear" id="x2">1-3年</a>
                <a href="javascript:void(0)" class="workyear" id="x3">3-5年</a>
                <a href="javascript:void(0)" class="workyear" id="x4">5-10年</a>
                <a href="javascript:void(0)" class="workyear" id="x5">10年以上</a>    
                <a href="javascript:void(0)" class="workyear" id="x6">20年以上</a>            
                    <span>span1</span>
                    <p>pag1</p>
            </div>
        </div>

    </div>





    <script src="js/02_JS_DOM操作.js"></script>
</body>
</html>